
<div class="page-header">
    <div class="pull-left">
        <h1 class="content-title" style="display: inline"><%= __('store.management') %><input id="isFilterShow" type="hidden" value="<%= data.isFilterShow %>" /></h1>
        <label class="checkbox" for="followedFlag" style="display: inline-block">
            <input type="checkbox" class="custom-checkbox" id="followedFlag">
            <span class="icons"><span class="icon-unchecked"></span><span class="icon-checked"></span></span>
            <%= __('store.concernedStore') %>
        </label>
        <br/>
        <ul class="fl">
            <li>
                <button class="btn btn-block btn-success newShop"><i class="fui-plus-circle icon-menu"></i>
                    <span><%= __('store.addStores') %></span>
                </button>
            </li>
        </ul>
    </div>
</div>
<form class="query-form">
<div class="queryCondition">
        <input type="hidden" id="_loginCustomerId" value="<%= session.userData.customerId %>" />
        <input type="hidden" id="_loginAccountId" value="<%= session.userData.userId%>" />
        <input type="hidden" id="_loginVendorId" value="<%= session.userData.vendorId%>" />
        <div class="row">
            <div class="col-md-3">
                <label><%= __('store.areaSelection') %>：</label>
                <select  id="customer_select" style="width: 150px;"
                         name="_areaId" class="js-example-basic-single"></select>

                <!--<select id="customer_select"-->
                        <!--style="width: 150px;"-->
                        <!--options-->
                        <!--codeField="id" nameField="name" name="_areaId"></select>-->
            </div>
            <div class="col-md-3">
                <label><%= __('store.storeType') %>：</label>
                <select style="width: 160px;" id="shopType" name="shopType"   options="" ></select>
            </div>
            <div class="col-md-3">
                <label><%= __('store.name') %>：</label>
                <input type="text" name="name_like" placeholder="<%= __('account.fuzzySearchByName') %>">
            </div>
            <div class="col-md-3">
                <label><%= __('store.storeCode') %>：</label>
                <input type="text" name="code_like" placeholder="<%= __('account.fuzzySearchByCode') %>">
            </div>
        </div>
        <div class="row">
            <div class="col-md-2">
                <button type="button" class="btn btn-sm btn-inverse btn-query"><%= __('account.search') %></button>
                <button type="button" class="btn btn-sm btn-default btn-export"><%= __('store.exporting') %></button>
            </div>
        </div>
</div>
</form>
<div class="dolphin-col-24 main" id="myContent">
    <div class="row">
        <div class="col-md-12">
            <div class="panel panel-primary" id="enum_option">
                <div class="panel-heading">
                    <h3 class="panel-title">
                        <i class="fa fa-list fa-lg" aria-hidden="true"></i>
                        <%= __('store.storesList') %>
                    </h3>
                </div>
                <div id="deviceList"></div>
            </div>
        </div>
    </div>
</div>
<div class="modal" id="shop_win">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"
                        aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <span class="modal-title"><%= __('store.storesMaintanence') %></span>
            </div>
            <div class="modal-body">
                <div class="tab-pane">
                    <form class="form-horizontal shop-form">
                        <input type="hidden" class="form-control" name="id">
                        <input type="hidden" name="parent.id" value="<%= session.userData.customerId %>"/>
                        <input type="hidden" name="category" value="3">
                        <div class="form-group">
                            <label class="col-md-offset-0 col-md-3 control-label"><%= __('store.name') %></label>
                            <div class="col-md-7">
                                <input class="form-control" name="name" type="text" dol-validate="required">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-offset-0 col-md-3 control-label"><%= __('store.storeCode') %></label>
                            <div class="col-md-7">
                                <input class="form-control" name="code" type="text" dol-validate="required">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-offset-0 col-md-3 control-label"><%= __('store.storeType') %></label>
                            <div class="col-md-7">
                                <select  class="form-control" id="edit_shopType" name="shopType"   options="" ></select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-offset-0 col-md-3 control-label"><%= __('store.superior') %></label>
                            <div class="col-md-8">
                                <select id="parent_select"
                                        style="width: 320px; height: 32px;"
                                        name="parent.id"
                                        class="js-example-basic-single"></select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-offset-0 col-md-3 control-label"><%= __('framework.province') %></label>
                            <div class="col-md-7">
                                <input class="form-control" name="province" placeholder="<%= __('framework.province') %>" type="text" style="width: 45%;float: left;">
                                <input class="form-control" name="city" placeholder="<%= __('framework.city') %>" type="text" style="width: 45%;float: right;">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-offset-0 col-md-3 control-label"><%= __('framework.storeAddress') %></label>
                            <div class="col-md-7">
                                <input class="form-control" name="address" type="text">
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-md-offset-0 col-md-3 control-label"><%= __('framework.timezone') %></label>
                            <div class="col-md-7">
                                    <select class="form-control" name="timeZone" id="timeZone">
                                        <option value="0">UTC</option>
                                        <option value="1">UTC+1</option>
                                        <option value="2">UTC+2</option>
                                        <option value="3">UTC+3</option>
                                        <option value="4">UTC+4</option>
                                        <option value="5">UTC+5</option>
                                        <option value="6">UTC+6</option>
                                        <option value="7">UTC+7</option>
                                        <option value="8">UTC+8</option>
                                        <option value="9">UTC+9</option>
                                        <option value="10">UTC+10</option>
                                        <option value="11">UTC+11</option>
                                        <option value="-11">UTC-11</option>
                                        <option value="-10">UTC-10</option>
                                        <option value="-9">UTC-9</option>
                                        <option value="-8">UTC-8</option>
                                        <option value="-7">UTC-7</option>
                                        <option value="-6">UTC-6</option>
                                        <option value="-5">UTC-5</option>
                                        <option value="-4">UTC-4</option>
                                        <option value="-3">UTC-3</option>
                                        <option value="-2">UTC-2</option>
                                        <option value="-1">UTC-1</option>
                                    </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-offset-0 col-md-3 control-label"><%= __('framework.openingStore') %></label>
                            <div class="col-md-7">
                                <div class="input-group date dolphin_date_picker" >
                                    <input type="text" class="form-control" name="openDate" id="openDate">
                                    <span class="input-group-addon">
                                        <i class="glyphicon glyphicon-th"></i>
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-offset-0 col-md-3 control-label"><%= __('framework.closingStore') %></label>
                            <div class="col-md-7">
                                <div class="input-group date dolphin_date_picker" >
                                    <input type="text" class="form-control" name="closeDate" id="closeDate">
                                    <span class="input-group-addon">
                                        <i class="glyphicon glyphicon-th"></i>
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-offset-0 col-md-3 control-label"><%= __('framework.expirationMaintainence') %></label>
                            <div class="col-md-7">
                                <div class="input-group date dolphin_date_picker" >
                                    <input type="text" class="form-control" name="guaranteeDeadLine" id="guaranteeDeadLine">
                                    <span class="input-group-addon">
                                        <i class="glyphicon glyphicon-th"></i>
                                    </span>
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-md-offset-0 col-md-3 control-label"><%= __('store.businessTime') %></label>
                            <div class="col-md-7">
                                <div class="input-group" style="width: 45%;float: left;">
                                    <select class="form-control" name="openTime" dol-validate="required">
                                        <option value="">--<%= __('account.pleaseSelect') %>--</option>
                                        <option value="0:00">0:00</option>
                                        <option value="0:30">0:30</option>
                                        <option value="1:00">1:00</option>
                                        <option value="1:30">1:30</option>
                                        <option value="2:00">2:00</option>
                                        <option value="2:30">2:30</option>
                                        <option value="3:00">3:00</option>
                                        <option value="3:30">3:30</option>
                                        <option value="4:00">4:00</option>
                                        <option value="4:30">4:30</option>
                                        <option value="5:00">5:00</option>
                                        <option value="5:30">5:30</option>
                                        <option value="6:00">6:00</option>
                                        <option value="6:30">6:30</option>
                                        <option value="7:00">7:00</option>
                                        <option value="7:30">7:30</option>
                                        <option value="8:00">8:00</option>
                                        <option value="8:30">8:30</option>
                                        <option value="9:00">9:00</option>
                                        <option value="9:30">9:30</option>
                                        <option value="10:00">10:00</option>
                                        <option value="10:30">10:30</option>
                                        <option value="11:00">11:00</option>
                                        <option value="11:30">11:30</option>
                                        <option value="12:00">12:00</option>
                                        <option value="12:30">12:30</option>
                                        <option value="13:00">13:00</option>
                                        <option value="13:30">13:30</option>
                                        <option value="14:00">14:00</option>
                                        <option value="14:30">14:30</option>
                                        <option value="15:00">15:00</option>
                                        <option value="15:30">15:30</option>
                                        <option value="16:00">16:00</option>
                                        <option value="16:30">16:30</option>
                                        <option value="17:00">17:00</option>
                                        <option value="17:30">17:30</option>
                                        <option value="18:00">18:00</option>
                                        <option value="18:30">18:30</option>
                                        <option value="19:00">19:00</option>
                                        <option value="19:30">19:30</option>
                                        <option value="20:00">20:00</option>
                                        <option value="20:30">20:30</option>
                                    </select>
                                </div>
                                <div class="input-group date dolphin_datetime_picker" style="width: 45%;float: right;">

                                    <select class="form-control" name="closeTime" dol-validate="required">
                                        <option value="10:00">10:00</option>
                                        <option value="10:30">10:30</option>
                                        <option value="11:00">11:00</option>
                                        <option value="11:30">11:30</option>
                                        <option value="12:00">12:00</option>
                                        <option value="12:30">12:30</option>
                                        <option value="13:00">13:00</option>
                                        <option value="13:30">13:30</option>
                                        <option value="14:00">14:00</option>
                                        <option value="14:30">14:30</option>
                                        <option value="15:00">15:00</option>
                                        <option value="15:30">15:30</option>
                                        <option value="16:00">16:00</option>
                                        <option value="16:30">16:30</option>
                                        <option value="17:00">17:00</option>
                                        <option value="17:30">17:30</option>
                                        <option value="18:00">18:00</option>
                                        <option value="18:30">18:30</option>
                                        <option value="19:00">19:00</option>
                                        <option value="19:30">19:30</option>
                                        <option value="20:00">20:00</option>
                                        <option value="20:30">20:30</option>
                                        <option value="21:00">21:00</option>
                                        <option value="21:30">21:30</option>
                                        <option value="22:00">22:00</option>
                                        <option value="22:30">22:30</option>
                                        <option value="23:00">23:00</option>
                                        <option value="23:30">23:30</option>
                                        <option value="23:59">23:59</option>
                                    </select>
                                </div>

                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-offset-0 col-md-3 control-label"><%= __('framework.contactPerson') %></label>
                            <div class="col-md-7">
                                <input class="form-control" name="contactPerson" type="text">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-offset-0 col-md-3 control-label"><%= __('framework.telephone') %></label>
                            <div class="col-md-7">
                                <input class="form-control" name="telephone" type="text">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-offset-0 col-md-3 control-label"><%= __('framework.cellphoneNumber') %></label>
                            <div class="col-md-7">
                                <input class="form-control" name="mobile" type="text">
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary btn_submit" data-cla="shop-form" data-win="shop_win"><%= __('account.save') %>
                </button>
                <button type="button" class="btn btn-default" data-dismiss="modal"><%= __('account.delete') %></button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>

<script src="<%= global.config.publicPath %>/page/scripts/<%= path %>.js"></script>